<template>
  <div class='app-container'>
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane :label="item.name" :name="item.en_name" v-for="(item, index) in list" :key="index">
        <div ><span style="white-space: pre-line;" v-html="item.content"></span></div>

      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
  import http from '@/utils/http'
  import api from '@/api_kaowu'
  export default {
    data() {
      return {
        activeName: 'first',
        list:[]
      };
    },
    created () {
      this.initInfo()
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      },
      initInfo(){
        this.getExamExteralInfo()
      },
      getExamExteralInfo(){
        http.post(api.getExamExteralInfo,{})
            .then(res => {
              this.list = res.data
              console.log(res)
            })
            .catch(err => {
                console.log(err)
            })
      }
    }
  };
</script>
<style lang="scss" scoped>
  .app-container{background:#fff;padding:40px 20px;overflow:auto;}
  </style>
